import { Typography, Card } from 'antd'
import { useTranslation } from 'react-i18next'
import './KeywordPage.css'

const { Title, Paragraph } = Typography

function KeywordPage() {
  const { t } = useTranslation()

  return (
    <div className="page-container">
      <Card className="keyword-card">
        <Title level={2} className="keyword-title">
          {t('keywordPage.title')}
        </Title>
        <Paragraph className="keyword-description">
          {t('keywordPage.description')}
        </Paragraph>
      </Card>
    </div>
  )
}

export default KeywordPage
